<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
	<title>模态框</title>
	<link rel="stylesheet" type="text/css" href="test.css">
	<script src="test1.js"></script>
</head>
<body>
    <!-- 触发按钮 -->
<!--    <button id="triggerBtn">模态框</button>-->
   <a id="triggerBtn"><img src='../images/cyuyan.jpg' width=136px height=80px /></a> 
    <!-- 模态框 -->
    <div id="myModal" class="modal">
        <div class="modal-content">
            <div class="modal-header">
                <h2>高等数学·上册</h2>
                <span id="closeBtn" class="close">×</span>
            </div>
            <div class="modal-body">
                <p>第七版<br/>原价:¥37.70<br/>作者:同济大学数学系<br/>出版社:高等教育出版社<br/>出版:2014-07<br/>装帧:平装</p>
            </div>
            <div class="modal-footer">
                <h3>简介和目录</h3>
<p>《高等数学·上册》包括函数与极限、导数与微分、微分中值定理与导数的应用、不定积分、定积分及其应用、微分方程等内容，书末还附有二阶和三阶行列式简介、基本初等函数的图形、几种常用的曲线、积分表、习题答案与提示。
同济大学数学系：始建于1945年，编有《高等数学》等有全国影响的优秀数学教材。
<br/>第一章 函数与极限
第二章 导数与微分
第三章 微分中值定理与导数的应用
第四章 不定积分
第五章 定积分
第六章 定积分的应用
第七章 微分方程</p>
            </div>
        </div>
    </div>
    
     <!-- 触发按钮 -->
    <button id="triggerBtn2">模态框2</button>
    <!-- 模态框 -->
    <div id="myModal2" class="modal">
        <div class="modal-content">
            <div class="modal-header">
                <h2>高等数学·下册</h2>
                <span id="closeBtn2" class="close">×</span>
            </div>
            <div class="modal-body">
                <p>第七版<br/>原价:¥33.20<br/>作者:同济大学数学系<br/>出版社:高等教育出版社<br/>出版:2014-07<br/>装帧:平装</p>
            </div>
            <div class="modal-footer">
                <h3>简介和目录</h3>
<p>简介和目录
《"十二五"普通高等教育本科国家 级规划教材:高等数学(下册)(第七版)》内容深广度符合“工科类本科数学基础课程教学基本要求”，适合高等院校工科类各专业学生使用。《"十二五"普通高等教育本科国家 级规划教材:高等数学(下册)(第七版)》包括向量代数与空间解析几何、多元函数微分法及其应用、重积分、曲线积分与曲面积分、无穷级数等内容，书末还附有习题答案与提示。
</p>
            </div>
        </div>
    </div>
<script type="text/javascript" src="test1.js"></script>
</body>
</html>